<!doctype html>
<html>

<head>

    <meta charset="utf-8">
    <title>绝对队</title>
    <link rel="stylesheet" href="style.css">

</head>

<body>


    <div id="header">
        <img src="1.jpg" width="100%" height="800px">
        <div class="penglianmei">
            <img src="11.jpg" width="500px" height="500px">
        </div>
        <div class="one">
            <h1 id="zuzhangjieshao">彭恋媚</h1>
            <h2>我是我们团队的组长。一位来自乐山活泼可爱的小女孩，喜欢吃喝玩乐，也喜欢摄影，还会画画，会跳舞，有时喜欢研究星座的白羊座女孩。</h2>

            <h4 class="nianling">年龄：19</h4>

            <h4 class="jiudu">就读：成都东软学院</h4>

            <h4 class="aihao">爱好：画画，唱歌，跳舞</h4>

            <h4 class="jvzhudi">居住地：四川省乐山市夹江县</h4>
        </div>

    </div>


    <div id="bg"></div>


    <div id="gav">

        <div><a href="#zuzhangjieshao">组长简介</a></div>
        <div><a href="#tuanduijieshao">团队介绍</a></div>
        <div><a href="#tuanduizuopin">团队作品</a></div>
        <div><a href="#tuanduiganwu">团队感悟</a></div>
        <div><a href="#lianxifangshi">联系方式</a></div>
    </div>


    <div id="switch">
        <div onmouseover="Switch('')"><a href="http://peng-lianmei.gitee.io/pengs-personal-website-2/
            " target="blank">01</a>

        </div>
        <div onmouseover="Switch('')"><a href="http://ah-can.gitee.io/personal-website/" target="blank">02</a></div>
        <div onmouseover="Switch('')"><a href="http://laver-rice.gitee.io/personal-web-page-10" target="blank">03</a>
        </div>
        <div onmouseover="Switch('')"><a href="http://duancong187.gitee.io/personal-website" target="blank">04</a>
        </div>
    </div>
    <img src="" id="paper" class="wallerpaper">


    <div class="part" style="top: 950px;"></div>

    <div id="title">

        <div class="float left">
            <div class="url">吕灿</div>
        </div>
        <div class="float center">
            <div class="url">牛华梅</div>
        </div>
        <div class="float right">
            <div class="url">段丛丛</div>

        </div>
    </div>


    <div id="log">
        <div class="title" id="tuanduijieshao">队员介绍</div>
        <ul style="margin-left: 199px; border-right: 1px solid #FFF;">
            <li class="date">吕灿</li>
            <li class="year">2020.12</li>
            <li>吕灿，2001年9月</li>
            <li>日出生于四川省遂宁市。</li>
            <li>现居住绵阳，就读于成都东软</li>
            <li>学院大学二性格并朗。</li>
            <li>爱交朋友，平时喜欢画画、听音乐。</li>
        </ul>
        <ul style="border-right: 1px solid #FFF;">
            <li class="date">牛华梅</li>
            <li class="year">2020.12</li>
            <li>喜欢听音乐，看书 </li>
            <li>尤其是悬疑推理小说。还
            </li>
            <li>喜欢旅游，画画。最喜欢</li>
            <li>的是动漫</li>
        </ul>
        <ul>
            <li class="date">段丛丛</li>
            <li class="year">2020.12</li>
            <li>喜欢听音乐和画画</li>
            <li>喜欢交朋友，</li>
            <li>看看电视剧电影</li>
            <li>出生于河北邯郸</li>
            <li></li>
        </ul>
    </div>


    <div id="WF">
        <a href="https://www.warframe.com/zh-hans/game#keyart" target="_blank" id="tuanduizuopin">
            <div class="gs">家居</div>
        </a>
        <a href="https://forums.warframe.com/" target="_blank">
            <div class="lt">食品</div>
        </a>
        <a href="http://www.warframe.com/zh-hans" target="_blank">
            <div class="gw">潮牌</div>
        </a>

    </div>


    <div class="part" style="top: 2650px;"></div>

    <div id="note">
        <div class="note">
            <div class="title" id="tuanduiganwu">感悟</div>
            <div class="text">

                <br> 我们团队热衷于一切事物，设计就是一切生活的来源，团队相处融洽，每个人几乎都拥有3年左右的艺术体验，学习了多种专业绘画知识。每个人都有各自不到一技之长，欢迎联系我们一起学习，一起进步，一起成长。

            </div>
        </div>
    </div>


    <div id="href">
        <div class="float1">
            <div class="href" id="lianxifangshi">联系方式</div>
        </div>
        <div class="float2">
            <div class="href">联系地址</div>
        </div>
    </div>


    <div id="foot">
        <div class="logo"></div>
        <div class="box">
            <p>版权信息由绝对队完成禁止抄袭</p>
            <p>版权信息由绝对队完成禁止抄袭</p>
        </div>
        <ul>
            <li>学号</li>
            <li>19330520124</li>
            <li>19330520125</li>
        </ul>
        <ul>
            <li>电话</li>
            <li>18732063639</li>
        </ul>
        <ul>
            <li>微信</li>
            <li>13882720227</li>
            <li>15386517417</li>
        </ul>
    </div>

    <script>
        function Switch(src) {
            document.getElementById("paper").src = src;
        }
    </script>

</body>

</html>